import React from 'react'
import Banner from '../components/Banner'
import Navigator from '../components/Navigator'
import LeftCont from '../components/LeftCont'
import '../App.scss'
import styles from '../styles/Home.module.scss'
import ProductList from '../components/ProductList'
import ShoppingCart from '../components/ShoppingCart'
import Kefu from '../components/Kefu'
import ProductItem2 from '../components/ProductItem2'
import Info from '../components/Info'
import Copyright from '../components/Copyright'
function PcHome() {
  return (
    <>
      {/* 顶部banner */}
      <Banner />
      {/* 顶部导航 */}
      <Navigator />
      <div className="wrapMain">
        {/* 左侧 */}
        <div className="sliderWrap">
          <LeftCont />
        </div>
        {/* 右侧 */}
        <div className="rightWrap">
          <div
            className="rightContainer"
            style={{ backgroundColor: '#f8f8f8' }}
          >
            <div className="rightContent" style={{ padding: '35px 0' }}>
              <Info />
              <div className={styles.moneyAdd}>
                <p>请选择一个角色进行充值</p>
                <div className={styles.myForm}>
                  <div>
                    <select>
                      <option value="0">角色1</option>
                      <option value="1">角色2</option>
                      <option value="2">角色3</option>
                    </select>
                  </div>
                  <div>
                    <button>确 认</button>
                  </div>
                </div>
                <p>请在购买前确认对应充值角色</p>
              </div>
              <div className={styles.selectTitle}>
                <span>请选择商品</span>
              </div>
              <div className={styles.selectCont}>
                <p>
                  每个商品首次购买都可获得该商品额外0.5倍的加赠奖励。
                  <br />
                  在官网充值不影响游戏应用内商品的首充奖励次数。
                </p>
              </div>
              <div className="productList">
                <ProductItem2 />
                <ProductItem2 />
                <ProductItem2 />
                <ProductItem2 />
                <ProductItem2 />
              </div>
            </div>
          </div>
          <ShoppingCart />
        </div>
      </div>
      <Kefu />
      <Copyright />
    </>
  )
}

export default PcHome
